<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>产品列表</title>

<link href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css"" rel="stylesheet">
<link href="../assets/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="../css/layer/mobile/need/layer.css">
<script src="../plugs/jquery-3.1.1.min.js"></script>
<script src="../assets/bootstrap/js/bootstrap.min.js"></script>
<link href="https://cdn.bootcss.com/animate.css/3.5.2/animate.min.css"
	rel="stylesheet">

<link rel="stylesheet" href="css/productsList.css">
<link rel="stylesheet" href="css/supersivor.css">
<link rel="stylesheet" href="css/footer.css">
<script src="js/goTop.js"></script>
<script type="text/javascript" src="../css/layer/layer.js"></script>
</head>
<body>
	<!--顶部导航栏-->
	<nav class="navbar navbar-default navbar-fixed-top">
		<div class="container-fluid">
			<!-- Brand and toggle get grouped for better mobile display -->
			<div class="navbar-header">
				<button type="button" class="navbar-toggle collapsed"
					data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"
					aria-expanded="false">
					<span class="sr-only">Toggle navigation</span> <span
						class="icon-bar"></span> <span class="icon-bar"></span> <span
						class="icon-bar"></span>
				</button>
				<a class="navbar-brand" href="#"> <img alt="cropbacktracking"
					src="../assets/logo.png" /> <span class="navbar-brand-name">cropbacktracking</span>
				</a>&nbsp;
			</div>

			<!-- Collect the nav links, forms, and other content for toggling -->
			<div class="collapse navbar-collapse"
				id="bs-example-navbar-collapse-1">
				<ul class="nav navbar-nav">
					<li class="active"><a href="supersivor.jsp">首页<span
							class="sr-only">(current)</span></a></li>
				</ul>


				<div class="navbar-right">
					<form class="navbar-form" id="searchE" style="display: inline-block;">
						<div class="form-group">
							<input type="text" class="form-control" placeholder="Search" id="searchCont">
						</div>
						<button class="btn btn-default" style="outline:none;" id="startBtn">
							<span class="glyphicon glyphicon-search" ></span>
						</button>
					</form>

					<ul class="nav navbar-nav navbar-right"
						style="padding-right: 40px;">
						<li class="btn-group" role="group" aria-label="...">
							<button type="button" id="login-name" class="btn btn-info">
								<b id="user">&nbsp</b> <span class="glyphicon glyphicon-user"></span>
							</button> <!-- <button type="button" class="btn btn-danger">SignOut&nbsp;
                        <span class="glyphicon glyphicon-log-out"></span>
                    </button> -->
						</li>
					</ul>
				</div>
			</div>
			<!-- /.navbar-collapse -->
		</div>
		<!-- /.container-fluid -->
	</nav>

	<div class="title">
		<center>
			<h1 id="com-name"></h1>
			<p id="com-con"></p>
		</center>

		<iframe
			src="http://www.17sucai.com/preview/384839/2015-12-11/动态背景/index.html"
			height="300px" width="100%" scrolling="no" frameborder="no"
			style="position: absolute; top: 52px"></iframe>

	</div>


	<!--内容-->
	<div class="container">


		<div class="pl-list">

			<!--js动态加载-->
		</div>


		<!--侧边栏小按钮-->
		<div class="sorted">
			<button class="btn btn-default" id="time">
				<span class="glyphicon glyphicon-time"></span>
			</button>
			<br>
			<button class="btn btn-default" id="hot">
				<span class="glyphicon glyphicon-eye-open"></span>
			</button>
			<br>
			<button class="btn btn-default" id="goTop">
				<span class="glyphicon glyphicon-chevron-up"></span>
			</button>
		</div>
	</div>
	<footer id="footer">
		<!-- 页脚 -->
		<div class="footer-content">
			<ul class="share-group">
				<li><a
					href="http://weibo.com/u/2661020885?refer_flag=1001030201_"><i
						class="fa fa-weibo"></i></a></li>
				<li><a href="#"><i class="fa fa-wechat"></i></a></li>
				<li><a href="#"><i class="fa fa-qq"></i></a></li>
				<li><a href="#"><i class="fa fa-twitter"></i></a></li>
				<li><a href="#"><i class="fa fa-facebook-square"></i></a></li>
			</ul>
			<div class="copy">&copy SuperTeam&nbsp;&nbsp; -
				&nbsp;&nbsp;2099&nbsp;&nbsp;苏ICP备17028767号</div>
		</div>
	</footer>
	<script src="js/footer.js"></script>
	<script src="js/productlist.js"></script>

	<script>
		$(document).ready(function() {

			window.setInterval(function() {
				var clientWidth = $(window).width();
				var clientHeight = document.body.clientHeight;
				$('#bg').css('height', clientHeight + 'px');
				$('#bg').css('width', clientWidth + 'px');
			}, 50);

            $(".pl-list").on("mouseover",".product-card",function(){ 
            	$(this).children(".product-info").addClass('shangyi');
            	
            });
            $(".pl-list").on("mouseout",".product-card",function(){ 
            	$(this).children(".product-info").removeClass('shangyi');
            });
		});
		
		
	</script>
	<script>
		$(function(){
			$("#startBtn").bind('click', function (event) {
				event.stopPropagation();
            	event.preventDefault();
                var sCont = $("#searchCont").val();
                if (sCont.length == 0) {
                    // alert("请输入公司名称！");
                    layer.msg("请输入公司名称",{icon: 5})
                } else {
                	var search_flag = -1;
                	 $(".productname").each(function (index) {
                         if ($(this).text().indexOf(sCont) > -1) {
                        	 if(search_flag == -1){
                        	 search_flag = index;
                        	 }
                        	$(this).parent().parent().css('box-shadow','0 1px 30px rgba(7, 76, 213, 0.87');
                         }
                     });
                	 if(search_flag == -1){
                 		 // alert("没找到");
						 layer.msg("没找到",{icon: 5})
                	 }else{
                		 $('html, body').animate({  
                    	     scrollTop: $('.product-card:eq('+search_flag+')').offset().top-80 
                    	 }, 800);
                	 }
                }
            });
            $('body').bind('click',function(){
        		$('.product-card').css('box-shadow','0 1px 30px rgba(255, 255, 255, 0');
        	})
		});
	</script>
</body>
</html>